<template>
    <div class="recomend-card">
        <img :src="good.pic" alt="">
        <h3 class="ellipsis" v-html="good.name"></h3>
        <p class="ellipsis">{{good.characteristic}}</p>
        <span>￥{{good.minPrice}}</span>
    </div>
</template>
<script>
export default {
    props: {
        good: Object
    }
}
</script>
<style lang="scss">
    .recomend-card {
        flex-shrink: 0;
        img {
            width: 350px;
            height: 432px;
        }
        h3 {
            font-size: 30px;
            width: 350px;
        }
        p {
            font-size: 26px;
            margin: 20px 0;
            width: 350px;
            color: #888;
        }
        span {
            color: #d00;
            font-size: 26px;
        }
    }
</style>